<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="2" v-for="(o) in 2" :key="o">
        <el-card class="brand" shadow="hover" :body-style="{ padding: '0px' }">
          <img src="test/car/img/bc.png" class="brand-icon">
          <div class="brand-title">
            <span>奔驰</span>
          </div>
        </el-card>
      </el-col>
      <el-col :span="2">
        <el-card class="brand" shadow="hover" :body-style="{ padding: '0px' }">
          <font-awesome-icon icon="plus" class="brand-icon" style="font-size: 47px;margin: 10px 0px;"/>
          <div class="brand-title">
            <span>添加</span>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<style scoped>
.brand {
  width: 65px;
  height: 90px;
  cursor: pointer;
}
.brand-icon {
  width: 100%;
}
.brand-title {
  margin-bottom: 10px;
  text-align: center;
}
</style>
